<!DOCTYPE html>
<meta name="robots" content="noindex">
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Video Player</title>
<script type="text/javascript">
function getQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return unescape(r[2]); return null;
}
</script>
</head>
<body>
<!-- "Video For Everybody" http://camendesign.com/code/video_for_everybody -->
<video id="v" autoplay="autoplay" style="display:none;" controls="controls" width="640" height="360">
	<source id="s" src="" type="video/mp4" />
	<object id="o" type="application/x-shockwave-flash" data="flowplayer-3.2.1.swf" width="640" height="360">
		<param name="movie" value="flowplayer-3.2.1.swf" />
		<param name="allowFullScreen" value="true" />
		<param name="wmode" value="transparent" />
		<param id="f" name="flashVars" value="config={'playlist':[{'url':'THE_URL','autoPlay':false}]}" />
	</object>
</video>
<script type="text/javascript">
var t_video = document.getElementById("v");
var t_source = document.getElementById("s");
var t_flash = document.getElementById("f");
var t_obj = document.getElementById("o");

var v_url = "http://url.cn/" + getQueryString("v");
var i_url = "http://url.cn/" + getQueryString("i");

if(window.screen.width < window.screen.height){
	t_video.width = document.body.clientWidth;
	t_video.height = document.body.clientWidth * 0.5625;
	t_video.setAttribute('poster',i_url);
	t_video.style.display = ""
	t_source.src = v_url;
	t_flash.value = t_flash.value.replace("THE_URL", encodeURIComponent(v_url));
	t_video.load();
}else{
	window.location.replace(v_url);
}
</script>
</body>
</html>